<!DOCTYPE html>
<html>
<head>
<!-- Required meta tags-->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no, minimal-ui">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<!-- Your app title -->
<title>My App</title>
<!-- Path to Framework7 Library CSS, iOS Theme -->
<link rel="stylesheet" href="<%=sails.getBaseUrl()%>/plugins/f7/css/framework7.ios.min.css">
<!-- Path to Framework7 color related styles, iOS Theme -->
<link rel="stylesheet" href="<%=sails.getBaseUrl()%>/plugins/f7/css/framework7.ios.colors.min.css">
<!-- Path to themify-icons -->
<link rel="stylesheet" href="<%=sails.getBaseUrl()%>/plugins/themify-icons/themify-icons.css">
<!-- Path to your custom app styles-->
<link rel="stylesheet" href="<%=sails.getBaseUrl()%>/styles/app.css">
</head>
<body>
	<!-- Status bar overlay for full screen mode (PhoneGap) -->
	<div class="statusbar-overlay"></div>
	<!-- Views -->
	<div class="views">
		<!-- Your main view, should have "view-main" class -->
		<div class="view view-main">
			<!-- Pages container, because we use fixed-through navbar and toolbar, it has additional appropriate classes-->
			<div class="pages"></div>
			<!-- Bottom Toolbar-->
			<div class="toolbar tabbar">
				<div class="toolbar-inner">
					<a data-url="/app/home" href="javascript:;" class="tab-link">
						<i class="icon ti-home"></i> 
						<span class="tabbar-label">首页</span>
					</a>
					<a data-url="/app/category" href="javascript:;" class="tab-link">
						<i class="icon ti-menu-alt"></i>
						<span class="tabbar-label">分类</span>
					</a>
					<a data-url="/app/cart" href="javascript:;" class="tab-link">
						<i class="icon ti-shopping-cart">
						<span class="badge bg-red">5</span> 
						</i>
						<span class="tabbar-label">购物车</span>
					</a>
					<a data-url="/app/my" href="javascript:;" class="tab-link">
						<i class="icon ti-user"></i>
						<span class="tabbar-label">我的</span>
					</a>
				</div>
			</div>
		</div>
	</div>
	<!-- Path to Framework7 Library JS-->
	<script type="text/javascript" src="<%=sails.getBaseUrl()%>/plugins/f7/js/framework7.min.js"></script>
	<!-- Path to jQuery-->
	<script type="text/javascript" src="<%=sails.getBaseUrl()%>/plugins/jquery/jquery-1.11.3.min.js"></script>
	<!-- Path to your app js-->
	<script type="text/javascript" src="<%=sails.getBaseUrl()%>/js/app.js"></script>
</body>
</html>
